.header .top {
    height:43px;
    background:#1f7ece
}
.header .top .tel {
    padding-left:35px;
    position:relative;
    color:#fff;
    font-size:12px;
    padding-top:5px
}
.header .top .tel p {
    font-size:18px;
    color:#fff000;
    font-family:'苹方';
    line-height:20px
}
.header .top .tel .icon {
    position:absolute;
    top:7px;
    left:0
}
.header .top .search {
    width:390px;
    background:#1a65a6;
    position:relative
}
.header .top .search .input {
    display:block;
    width:100%;
    height:43px;
    padding:0;
    margin:0;
    border:none;
    background:0 0;
    padding-right:50px;
    padding-left:20px;
    color:#fff;
    outline:0;
    box-sizing:border-box
}
.header .top .search .icon {
    position:absolute;
    top:8px;
    right:11px;
    cursor:pointer
}
.header .nav-logo {
    height:142px
}
.header .nav-logo .logo {
    padding-top:34px
}
.header .nav-logo .logo img {
    display:block
}
.header .nav-logo .nav {
    margin-top:32px;
    position:relative
}
.header .nav-logo .nav .top-nav {
    display:block;
    width:80px;
    height:84px;
    float:left;
    margin-left:40px;
    text-align:center;
    font-size:18px;
    color:#242529;
    white-space:nowrap;
    overflow:hidden;
    line-height:25px;
    padding-top:22px;
    transition:color .5s .1s ease;
    -o-transition:color .5s .1s ease;
    -webkit-transition:color .5s .1s ease;
    -moz-transition:color .5s .1s ease
}
.header .nav-logo .nav .top-nav .en-title {
    text-transform:uppercase;
    font-size:12px;
    color:#565656;
    line-height:18px;
    transition:color .5s .1s ease;
    -o-transition:color .5s .1s ease;
    -webkit-transition:color .5s .1s ease;
    -moz-transition:color .5s .1s ease
}
.header .nav-logo .nav .top-nav.on,.header .nav-logo .nav .top-nav:hover {
    color:#fff
}
.header .nav-logo .nav .top-nav.on .en-title,.header .nav-logo .nav .top-nav:hover .en-title {
    color:#fff
}
.header .nav-logo .nav .tools {
    width:125px;
    height:84px;
    background:#1f7ece;
    border-radius:4px;
    position:absolute;
    top:0;
    left:17px;
    z-index:-1
}
.banner {
    height:400px
}
.banner.index {
    height:600px
}
.part-title {
    text-align:center
}
.part-title .ch-title {
    font-size:25px;
    color:#242529;
    line-height:60px
}
.part-title .part-desc {
    font-size:16px;
    color:#5e5e5e;
    line-height:40px
}
.part-title .part-line {
    width:471px;
    height:7px;
    background:url(../images/part-title-bg.png) no-repeat center;
    margin:0 auto
}
.part-title.f .ch-title {
    color:#fff
}
.part-title.f .part-desc {
    color:#cacaca
}
.more-view {
    position:absolute;
    top:-16px;
    right:37px;
    display:block;
    width:75px;
    height:61px;
    background:url(../images/more.png) no-repeat center
}
.index-product {
    padding-top:40px
}
.index-product .product-box {
    background:#eaeef1;
    margin-top:30px;
    padding-bottom:70px
}
.index-product .product-box .product-list {
    width:1312px;
    padding-top:70px
}
.index-product .product-box .product-list li {
    float:left;
    margin-top:30px;
    margin-right:34px
}
.index-product .product-box .product-list li a {
    display:block;
    width:294px;
    border-radius:4px;
    background:#fff;
    position:relative;
    overflow:hidden
}
.index-product .product-box .product-list li a .li-img {
    width:294px;
    height:225px;
    position: relative;
    overflow:hidden
}
.index-product .product-box .product-list li a .li-img img {
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
}
.index-product .product-box .product-list li a .li-title {
    height:57px;
    padding-left:18px;
    padding-right:18px;
    padding-top:17px;
    transition:all .5s ease;
    -o-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.index-product .product-box .product-list li a .li-title .en-title {
    color:#1f7ece;
    font-size:14px;
    text-transform:uppercase;
    line-height:20px
}
.index-product .product-box .product-list li a .li-title .ch-title {
    font-size:16px;
    color:#242529;
    line-height:25px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.index-product .product-box .product-list li a .li-cover {
    position:absolute;
    top:-100%;
    left:0;
    width:294px;
    height:225px;
    background:rgba(51,51,51,.5);
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    transition:all .5s ease;
    -o-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.index-product .product-box .product-list li:hover a .li-cover {
    top:0
}
.index-product .product-box .product-list li:hover a .li-title {
    background:#1f7ece
}
.index-product .product-box .product-list li:hover a .li-title .ch-title,.index-product .product-box .product-list li:hover a .li-title .en-title {
    color:#fff
}
.index-youshi {
    background:url(../images/ys-bg.png) no-repeat top center;
    padding-top:80px;
    padding-bottom:147px
}
.index-youshi .ys-title {
    width:370px;
    padding-left:55px;
    padding-top:160px
}
.index-youshi .ys-title .ch-title {
    font-size:45px;
    color:#1f7ece
}
.index-youshi .ys-title .ys-desc {
    font-size:23px;
    color:#feffff;
    line-height:35px
}
.index-youshi .ys-title .en-title {
    width:190px;
    font-size:11px;
    color:#5b5b5b;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:16px
}
.index-youshi .ys-box {
    width:757px
}
.index-youshi .ys-box .ys-list li {
    height:212px;
    margin-bottom:20px
}
.index-youshi .ys-box .ys-list li .li-title {
    width:89px;
    height:82px;
    color:#fff;
    font-size:23px;
    background:#353030;
    text-align:center;
    line-height:44px;
    padding-top:8px;
    float:right
}
.index-youshi .ys-box .ys-list li .li-title .num {
    width:25px;
    font-size:20px;
    border-top:1px solid #fff;
    margin-left:20px;
    line-height:38px
}
.index-youshi .ys-box .ys-list li .li-info {
    width:600px;
    background:#f2f2f2;
    padding-left:33px;
    padding-right:33px;
    padding-top:22px;
    height:190px;
    overflow:hidden;
    float:left
}
.index-youshi .ys-box .ys-list li .li-info .info-title {
    font-size:20px;
    color:#1f7ece;
    line-height:28px
}
.index-youshi .ys-box .ys-list li .li-info .info-en-title {
    line-height:18px;
    font-size:12px;
    color:#c5c5c5;
    text-transform:uppercase
}
.index-youshi .ys-box .ys-list li .li-info .line {
    width:37px;
    border-top:1px solid #353030;
    margin-top:10px
}
.index-youshi .ys-box .ys-list li .li-info .info-desc {
    line-height:30px;
    font-size:15px;
    color:#353030;
    padding-top:20px
}
.index-youshi .ys-box .ys-list li:nth-child(2n-1) .li-title {
    float:left
}
.index-youshi .ys-box .ys-list li:nth-child(2n-1) .li-info {
    float:right
}
.index-youshi .ys-box .ys-list li:first-child .li-title {
    background:#1f7ece
}
.index-about {
    height:221px;
    background:url(../images/about-bg.png) no-repeat top center
}
.index-about .btns-list {
    text-align:center;
    padding-top:50px
}
.index-about .btns-list .about-btn {
    display:inline-block;
    width:150px;
    text-align:center;
    margin:0 115px
}
.index-about .btns-list .about-btn .btn-title {
    color:#fff;
    font-size:18px;
    line-height:38px
}
.index-about .btns-list .about-btn .btn-icon {
    height:88px;
    width:88px;
    border:3px solid #fff;
    margin:0 auto;
    border-radius:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .5s ease;
    -o-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.index-about .btns-list .about-btn:hover .btn-icon {
    background:#fff
}
.index-about .btns-list .about-btn:hover .btn-icon .icon {
    background-position-y:-60px
}
.index-about-2 {
    height:150px;
    padding:50px 0 63px
}
.index-about-2 .logo-2 {
    position:relative;
    width:397px
}
.index-about-2 .logo-2 img {
    display:block
}
.index-about-2 .logo-2:after {
    display:block;
    content:'';
    height:120px;
    border-left:1px solid #2c2c2c;
    position:absolute;
    top:15px;
    right:0
}
.index-about-2 .about-desc {
    font-size:16px;
    color:#3b3b3b;
    line-height:35px;
    width:830px;
    padding-right:10px
}
.pt60 {
    padding-top:60px
}
.index-cases {
    background:url(../images/case-bg.png) no-repeat top center
}
.index-cases .case-list {
    padding-top:74px
}
.index-cases .case-list li {
    float:left
}
.index-cases .case-list li a {
    display:block;
    width:320px;
    height:356px;
    position:relative
}
.index-cases .case-list li a .li-img {
    width:320px;
    height:281px
}
.index-cases .case-list li a .li-img img {
    display:block;
    width:100%;
    height:100%
}
.index-cases .case-list li a .li-info {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    overflow:hidden
}
.index-cases .case-list li a .li-info .info-img-title {
    line-height:30px;
    font-size:20px;
    color:#fff;
    text-align:right;
    padding-right:2px
}
.index-cases .case-list li a .li-info .info-title {
    padding-top:25px;
    height:60px;
    color:#333;
    padding-left:30px;
    padding-right:30px;
    transition:all .5s ease;
    -o-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.index-cases .case-list li a .li-info .info-title .type-title {
    line-height:24px;
    font-size:14px;
    text-transform:uppercase
}
.index-cases .case-list li a .li-info .info-title .title {
    font-size:18px;
    line-height:36px
}
.index-cases .case-list li:hover a .li-info .info-title {
    background:#1f7ece;
    height:90px;
    color:#fff
}
.index-news {
    padding-top:80px
}
.index-news .top-img-news {
    width:584px;
    padding-top:30px
}
.index-news .top-img-news .ti-img {
    width:584px;
    height:306px;
    display:block;
    position:relative
}
.index-news .top-img-news .ti-img img {
    display:block;
    width:100%;
    height:100%
}
.index-news .top-img-news .ti-img .view-btn {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:42px;
    background:rgba(54,136,206,.8);
    color:#fff;
    text-align:center;
    line-height:42px;
    font-size:30px
}
.index-news .top-img-news .ti-title {
    color:#242427;
    font-size:16px;
    line-height:38px;
    padding-top:19px
}
.index-news .top-img-news .ti-desc {
    font-size:15px;
    line-height:26px;
    color:#6b6b6b
}
.index-news .news-list {
    padding-top:10px
}
.index-news .news-list li a {
    display:block;
    font-size:16px;
    color:#242427;
    width:600px;
    height:51px;
    line-height:51px;
    border-bottom:1px dashed #bebebe;
    padding-left:20px;
    position:relative
}
.index-news .news-list li a .icon {
    position:absolute;
    top:23px;
    left:0
}
.index-news .news-list li a .time {
    float:right;
    font-size:14px
}
.footer {
    background:#242529;
    border-top:1px solid #287ec0;
    margin-top:60px;
    padding-bottom:40px
}
.footer .link {
    font-size:30px;
    color:#008fff;
    font-family:'Agency FB';
    line-height:60px;
    padding-top:17px
}
.footer .link .icon {
    margin:0 5px
}
.footer .link .link-title {
    color:#ececec;
    font-size:17px
}
.footer .link-list {
    border-top:1px solid #4e5054;
    border-bottom:1px solid #4e5054;
    padding:15px 0
}
.footer .link-list a {
    color:#ececec;
    font-size:15px;
    line-height:30px;
    margin-right:30px
}
.footer .foot-part .part {
    padding-top:20px;
    margin-right:15px
}
.footer .foot-part .part .part-row {
    font-size:15px;
    color:#a0a0a1;
    line-height:26px
}
.footer .foot-part .part .part-row .sj {
    color:#008fff;
    font-size:28px
}
.footer .foot-part .part .part-row.row-1 {
    line-height:45px
}
.footer .foot-part .part.saoyisao {
    padding-top:44px
}
.footer .foot-part .part.ewm {
    padding-top:30px
}